/*
Copyright 2013 Agustina Martinez-Garcia

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

*/
ol.exhibit-tileView-body{list-style-type:none}

td.custom ul
    {
        border:solid 1px black;
        border-radius: 5px;
        -moz-border-radius:5px;
        padding:10px;
    }
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:80%;
	font-family: Verdana, Arial, Sans-Serif;

}
.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #202530;
	border: 1px solid #dadada;
}
a, a:visited {	
	color: #326ea1;
}
a:hover {
	color: #c33;
	cursor: pointer;
	/*border-bottom: 2px solid #dbd5c5;*/
}

a.selected {
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
}

#sp-link {
	color: #326ea1; 
	text-decoration: none;		
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}


/* Header styles */
#header {
	background: #202530;
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #000;
	margin: 0 0 10px 0;
}
#header h2 {
	color: #fff;
	display: inline;
}

#header p {
	color: #fff;
	padding:.4em 15px 0 15px;
	margin:0;
	margin: 10px;
}
/*#header p,
#header h1,
#header h2 {
	color: #fff;
	padding:.4em 15px 0 15px;
	margin:0;
	margin: 10px;
}*/
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:right;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:right;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:#eee;		/* right column background colour */
}
.rightmenu .colleft {
	left:25%;			/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	right:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	right:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	background: #202530;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
	color: #fff;
}

#footer a 
{
	border: 0px;
}

#footer a img 
{
	color: #fff;
	border: 0px;
	text-decoration: none;
	display: inline;
	padding-right: 1%;
	padding-left: 1%;
}
.record {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #202530;
padding: 10px 10px;
margin-bottom: 10px;
background: url(../images/Collection.png) no-repeat;
}
.record-file {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #202530;
padding: 10px 10px;
margin-bottom: 10px;
background: url(../images/File.png) no-repeat;
}

.record-category {
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #202530;
padding: 10px 10px;
margin-bottom: 10px;
background: url(../images/notes.png) no-repeat;
}
.facetContainer
{	padding: 0.5em;
	margin: 1em 1em;
	border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;
	background-color: White;
	border: 1px Solid #cccccc;
}
.facetContainer h3
{	margin: 0px 0.25em 0.5em 0.25em;  /* T R B L */
	color: #000;
}
/* Facet */
.exhibit-facet, .exhibit-flowingFacet /* See also ":last-child" below */ 
{	margin-bottom: 0.5em;
	border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;
	background-color: #202530;
}
.exhibit-facet:last-child, .exhibit-flowingFacet:last-child
{	margin-bottom: 0px;
}
.exhibit-facet-body, .exhibit-flowingFacet-body
{	border: 1px #cccccc Solid !important;
	border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;
	shadow-box: inset 0px 5px 15px #aaaaaa; -moz-box-shadow: inset 0px 5px 15px #aaaaaa; -webkit-shadow-box: inset 0px 5px 15px #aaaaaa;
	padding: 2px 10px 2px 10px;
	background-color: White;
	font-size: 90%;
}
.exhibit-facet-header, .exhibit-flowingFacet-header
{	background-color: None;
}
.exhibit-facet-header-title, .exhibit-flowingFacet-header-title
{	
	margin-left: 0.5em;
	color: #ffffff;
	font-size: 75%;
}
a.exhibit-facet-value-link:link , 
a.exhibit-facet-value-link:active ,
a.exhibit-facet-value-link:visited ,
a.exhibit-flowingFacet-value-link:link,
a.exhibit-flowingFacet-value-link:active,
a.exhibit-flowingFacet-value-link:visited,
a.exhibit-action:link ,
a.exhibit-action:active ,
a.exhibit-action:visited 
{	
	color: #326ea1; text-decoration: None;
}
a.exhibit-facet-value-link:hover ,
a.exhibit-flowingFacet-value-link:hover,
a.exhibit-action:hover
{	
	color: #c33;  text-decoration: None;
}

table.table-style {
	border-collapse: collapse;
	margin: 10px;	
}
table.table-style th strong {
	color: #fff;
}
table.table-style th {
	background: #202530;	
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #fff;
}
table.table-style tr {
	height: 30px;
}
table.table-style td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
}
table.table-style tr.desc, table.table-style td.desc, table.table-style th.desc {
	width: 60%;
	}
table.table-style td.first, table.table-style th.first {
	border-left: 0px;
}
table.table-style tr.row-a {
	background: #F8F8F8;
}
table.table-style tr.row-b {
	background: #EFEFEF;		
}
/* end - table */
.thumbnail {
    width:      13em;
    height:     10em;
    border:     1px solid #BCB79E;
    padding:    1em;
    margin:     0.5em;
	text-align: center;
}

/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;
			top: -325px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */

/* AMG DIALOGS JQUERY STYLES */
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #202530;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title
{
   border-bottom: solid 2px #202530;
   background-color: #202530;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title a
{
   color: White;
   text-decoration: none;
}

 .align_right {
	text-align: right;
}